<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backHandle($event)">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            个险客户{{ dataTotal}}
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>

    <!--&lt;!&ndash;<div class="search-wrapper" *ngIf="item.isSearchWrapper">&ndash;&gt;-->
    <!--<div class="search-wrapper" >-->
        <!--<div class="search-key-wrapper">-->
            <!--<input (keyup.Enter)="inputKeyUp($event)" [(ngModel)]="searchKeyword"-->
                   <!--type="text" placeholder="姓名/电话"/>-->
            <!--<i (click)="searchHandle($event)"></i>-->
        <!--</div>-->
    <!--</div>-->


</ion-header>

<ion-content class="client-list-content-container" (ionScroll)="scrolling()" (touchend)="contentTouchEnd($event)"
             (ionScrollStart)="scrollStart($event)" (ionScrollEnd)="scrollEnd($event)">

    <ion-refresher (ionPull)="filterConditionsShow = false" (ionRefresh)="doRefresh($event)" [pullMax]="800">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>

    <div ion-fixed class="fix-row filter" [ngClass]="{'show':filterConditionsShow}">
        <div class="tool">
            <client-filter-tool [way]="clientSortPage" #clientFilterTool (selectChanged)="selectChangeHandle($event)" (searched)="searchedHandle($event)">
            </client-filter-tool>
        </div>
    </div>
    <div ion-fixed class="top-shadow"></div>

    <div *ngIf="(!clientsData || clientsData.length < 2) && isLoaded" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>

    <ion-list class="client-single" [virtualScroll]="clientsData" [approxItemHeight]="clientItemHeight">

        <client-list-item [item]="item" *virtualItem="let item" (callNumber)="callClickHandle($event)">
            <div class="item policy">
                保单数&nbsp;&nbsp;<span class="v">{{item.totalPolicy?item.totalPolicy:0}}</span>
            </div>
            <div class="item annual-fee annually-premiums">
                年缴保费&nbsp;&nbsp;<span class="v">{{item.premium | numberTrans}}</span>
            </div>
        </client-list-item>
    </ion-list>

    <div class="is-arrival-bottom" [ngClass]="{'bottom':isArriveBottom}">
        到底了
    </div>

    <div class="go-up" ion-fixed (click)="goUp()">
        <img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">
    </div>

    <ion-fab class="fab-bottom-shadow-list">
        <button ion-fab style="display: none"></button>
    </ion-fab>
</ion-content>
